
.header {
    position:absolute;
    width: 100%;
    height:160px;
    z-index: 9;
    left: 0;
    top: 0;
    transition: all 0.2s ease;
    background: rgba(255, 255, 255, 0);
    box-shadow: 0 0 5px 1px rgba(158, 179, 193, 0);

    .logo {
        position: absolute;
        left: 60px;
        top: 40px;
        height: 67px;
        overflow: hidden;
        line-height: 90px;
        z-index: 2;

        .img {
            height: 67px;
            width: 210px;
            float: left;
            position: relative;
            img{height: 67px; float: left;/*filter: brightness(100)*/}
            .color{ position: absolute; left: 0; top: 0; opacity: 0;}
            &:after {
				 display:none;
                content: "";
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                bottom: 0;
                background: url(../assets/images/logo_a.svg) no-repeat;
                background-size: 100% auto;
                opacity: 1;
            }

            &:before {
				 display:none;
                content: "";
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                bottom: 0;
                background: url(../assets/images/logo_b.svg) no-repeat;
                background-size: 100% auto;
                opacity: 0;
            }

            &:after, &:before {
                transition: all 0.2s ease
            }

        }

        .t {
            font-size: 17px;
            color: #fff;
            padding-left: 30px;
        }
    }

    .menu_btn {
        position: fixed;
        right: 5%;
        top: 70px;
        z-index: 2;
        line-height: 18px;
        height: 18px;
        color: #fff;
        font-weight: bold;
        em {
            float: left;
            padding: 0 5px
        }
        a {
            color: inherit;
            font-size: 12px;
            position: relative;
            line-height: 18px;
            display: inline-block;
            overflow: hidden;
            height: 18px;
            float: left;
            span {
                display: block
            }
        }
    }

    .menu_btn .dh {
        float: left;
        width: 18px;
        height: 18px;
        margin-left: 30px;
        overflow: hidden;
    }

    .menu_btn .dh span {
        display: block;
        width: 18px;
        height: 18px;
        background: url(../assets/images/contacta.svg) no-repeat;
    }

    &.not_top {
        /*background: rgba(255, 255, 255, 1);
        box-shadow: 0 0 5px 1px rgba(158, 179, 193, .5);*/
        position:absolute
    }
    &.not_top,&.bright {

        .t {
            color: #222222;
        }
        .img:after {
            opacity: 1;
        }
        .img:before {
            opacity: 0;
        }
        .logo{
            /*display:none*/
        }
        .menu_btn {
            color: #0050A0;
            .dh span {
                background: url(../assets/images/contactb.svg) no-repeat;
            }
        }
    }
}
